var listDoc =
    '<div class="materialItem">'+
	'<div class="doc-img"><img src="resources/images/doc_icon.png" width="40" height="40"></div>'+
        '<div class="list-doci">'+
            '<span class="list-izq">{ClaseDocumento}&nbsp;&nbsp;&nbsp;{Referencia}</span>'+
        '<br />'+
		'{CodigoCliente}'+
		'</div>'+
        '<div class="list-docd">'+
            '<span>{CodigoOrganizacionVentas}&nbsp;&nbsp;&nbsp;{CodigoCanal}&nbsp;&nbsp;&nbsp;{CodigoOficina}</span>'+ 
        '</div>'+
    '</div>';

pruebaView = Ext.extend(Ext.Panel, 
{
	initComponent: function() 
	{
        this.lDoc = new Ext.List({
			itemTpl: listDoc,
			store: pedidoStore	
        });
        
		this.listaDocumentosPanel = new Ext.Panel(
        {	
			fullscreen: true,
            layout: 'fit',
			dockedItems: [
			{
				xtype: 'toolbar',
				title: 'Lista de Documentos',
            	dock: 'top',
            }],
            items: this.lDoc
        });
        
        this.items = this.listaDocumentosPanel;
        pruebaView.superclass.initComponent.call(this);
    }
});

Ext.reg('pruebaView', pruebaView);